<template>
	<view :class="[BackGround]" :style="[{'font-weight':Style,'font-family':Font,height:100 + '%',minHeight:height + 'px'}]">
		<cu-custom bgColor="bg-gradual-blue" isBack="true">
			<view slot="backText">返回</view>
			<view slot="content">系统设置</view>
		</cu-custom>
		<list-box ref="list" :list="list" @jumpview="jumpArchives" @zylongtap="zylongtap"></list-box>
		<chunLei-popups v-model="value1" :popData="data1" @tapPopup="tapPopup" @zyinput="zyinput" :x="x" :y="y" placement="top-end"></chunLei-popups>
	</view>
</template>

<script>
	import chunLeiPopups from "@/colorui/components/chunLei-popups/chunLei-popups"
	import ListBox from '@/colorui/components/list.vue'
	import {
		mapGetters
	} from 'vuex'
	import {
		Commonly,
	} from "@/mixin/mixin.js"
	export default {
		mixins:[Commonly],
		data() {
			return {
				height:this.screenHeight,
				list: [{
					img: "/static/images/Settingindex.png",
					name: '设置',
					LMENUID: '970902',
					isShow: true,
					url:"/pages/Setting/Setting",
					id: 0
				}, {
					img: "/static/images/Passwor.png",
					name: '修改密码',
					LMENUID: '970902',
					isShow: true,
					id: 1
				}, {
					img: "/static/images/getout.png",
					name: '退出',
					LMENUID: '970902',
					isShow: true,
					id: 2
				}],
			}
		},
		computed: {
			...mapGetters(['Style', 'Font','BackGround','BackGroundBox'])
		},
		components: {
			ListBox,
			chunLeiPopups
		},
		onLoad() {

		},
		methods: {
			jumpArchives(item) {
				switch (item) {
					case 0:
						uni.navigateTo({
							url: './Setting'
						})
						break;
					case 1:
						uni.navigateTo({
							url: './Password'
						})
						break;
					case 2:
						uni.showModal({
							title: '提示',
							content: '退出账号将清空当前账号所有内容',
							success: res => {
								if (res.confirm) {
									uni.removeStorageSync('lusercode');
									uni.removeStorageSync('lpassword');
									global.falg = true
									uni.reLaunch({
										url: '../login/login'
									})
								}
							}
						});
						break;
					default:
						break;
				}

			}
		}
	}
</script>

<style>

</style>
